<div class='parent'>
    <label for='hy'><strong>Angular-specific example.</strong> Fancy some nested <code>ngFor</code>?</label>
    <div class='wrapper'>
        <div class='container' *ngFor='let group of groups' [dragula]="'nested-bag'">
            <span>{{group.name}}</span>
            <div *ngFor='let item of group.items' [innerHtml]='item.name'></div>
        </div>
    </div>
    <pre>
      <code>
&lt;div class='wrapper'&gt;
  &lt;div class='container' *ngFor='let group of groups' [dragula]='&quot;nested-bag&quot;'&gt;
    &lt;div *ngFor='let item of group.items' [innerHtml]='item.name'&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

class NestedRepeatExample &#123;
  public groups: Array&lt;any&gt; = [
    &#123;
      name: 'Group A',
      items: [&#123;name: 'Item A'},&#123;name: 'Item B'},&#123;name: 'Item C'},&#123;name: 'Item D'}]
    },
    &#123;
      name: 'Group B',
      items: [&#123;name: 'Item 1'},&#123;name: 'Item 2'},&#123;name: 'Item 3'},&#123;name: 'Item 4'}]
    }
  ];
}
      </code>
    </pre>
</div>